{{! The number reads after what it counts (dt, dd) and shows above it (column-reverse), as in About; a description (ADR 0044) reads last and shows under the title. The icon comes last, so it shows on top; it is an Icon element's markup, size and circle (ADR 0030). }}
<dl {{@attrs}}>{{#items}}<div class="sv-numbers__item{{#showIcons}}{{#icon}} sv-numbers__item--icon-{{iconPosition}}{{/icon}}{{/showIcons}}{{#keepColor}} sv-numbers__item--keep{{/keepColor}}{{#look}} sv-card-{{look}}{{#lookCustom}} sv-card-custom{{/lookCustom}}{{/look}}"{{#lookCustom}} style="--sv-custom-card:{{lookCustom}}"{{/lookCustom}}><dt class="sv-numbers__label"{{@edit items.label}}>{{label}}</dt><dd class="sv-numbers__value{{#count}} sv-numbers__value--count{{/count}}"{{@edit items.value}}>{{value}}</dd>{{#text}}<dd class="sv-numbers__text"{{@edit items.text}}>{{text}}</dd>{{/text}}{{#showIcons}}{{#icon}}<span class="sv-numbers__icon sv-icon sv-icon--size-{{iconSize}}" aria-hidden="true">{{#iconCircle}}<span class="sv-icon__circle">{{/iconCircle}}<span class="sv-icon__glyph sv-glyph-{{icon}}"></span>{{#iconCircle}}</span>{{/iconCircle}}</span>{{/icon}}{{/showIcons}}</div>{{/items}}</dl>